html,body,div,header,a,img,form,input,textarea,i,button,span,nav,p,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,iframe{
	margin:0;
	padding:0;
}
ul,ol,dl{
	list-style-type:none;
}
body,th,td,button,input,select,textarea{
	font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
	font-size:16px;
	color: #333;
	/*消除字体锯齿*/
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
html,body{
	background:#fff;
}
body{
	line-height:1.6;
}
/*滚动条*/
::-webkit-scrollbar{
	width:8px;
}
::-webkit-scrollbar-button:vertical,
::-webkit-scrollbar-track:vertical{
	display:none;
}
::-webkit-scrollbar-track:vertical{display:none;}
::-webkit-scrollbar-track-piece{
	background-color:#f6f6f6;
}
::-webkit-scrollbar-thumb:vertical{
	margin-right:10px;
	background-color:#FF5E52;
}
::-webkit-scrollbar-corner:vertical{background-color:red;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF0000;}
@font-face {font-family: 'iconfont';
    src: url('../../font-ico/iconfont.eot'); /* IE9*/
    src: url('../../font-ico/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../font-ico/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../../font-ico/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../../font-ico/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
i{
	font-style:normal;
}
a{
	text-decoration:none;
	cursor: pointer;
	color:#555;
}
a:hover{
	text-decoration:none;
	outline:none;
}
a:focus{
	outline:none;
}
a,input,textarea{
	outline:0;
}
input:focus,
textarea:focus{
	box-shadow: inset 0 0 8px #eaeaea;
    background: #fdfdfd;
}
img{
	border:0;
}
a img,img{
	/*缩放失真*/
	-ms-interpolation-mode:bicubic;
}

/*基础栅格*/
.row{
	display:block;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	float:left;
	box-sizing: border-box;
	position:relative;
	font-size:0;
}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
/*偏移*/
.col-offset-0{margin-left:0}
.col-offset-1{margin-left:8.33333%}
.col-offset-2{margin-left:16.66667%}
.col-offset-3{margin-left:25%}
.col-offset-4{margin-left:33.33333%}
.col-offset-5{margin-left:41.66667%}
.col-offset-6{margin-left:50%}
.col-offset-7{margin-left:58.33333%}
.col-offset-8{margin-left:66.66667%}
.col-offset-9{margin-left:75%}
.col-offset-10{margin-left:83.33333%}
.col-offset-11{margin-left:91.66667%}
/*常用标题*/
h1,h2,h3,h4,h5,h6{
	font-weight:400;
	line-height:1.2;
	color:inherit;
	margin-bottom:10px;
}
h1,h2,h3{
	margin-top:20px;
}
h4,h5,h6{
	margin-top:10px;
}
h1{
	font-size:36px;
}
h2{
	font-size:30px;
}
h3{
	font-size:24px;
}
h4{
	font-size:18px;
}
h5{
	font-size:14px;
}
h6{
	font-size:12px;
}
/*文字排版*/
/*字体大小*/
.ft-12{
	font-size:12px;
}
.f-14{
	font-size:14px;
}
.f-16{
	font-size:16px;
}
.f-18{
	font-size:18px;
}
.f-20{
	font-size:20px;
}
.f-24{
	font-size:24px;
}
.f-26{
	font-size:26px;
}
.f-28{
	font-size:28px;
}
.text-l{
	text-align:left!important;
}
.text-r{
	text-align:right;
}
/*表单模块*/
.x-ui-form{
	margin:0;
	padding:0;
}
.x-ui-form .row{
	margin-bottom:30px;
}
.x-ui-form .form-label{
	display:inline-block;
	white-space: nowrap;
    padding: 0 15px;
	font-size:14px;
	line-height:36px;
	border:1px solid #DFDFDF;
	background:#f6f6f6;
	text-align:right;
	box-sizing:border-box;
	vertical-align: top;
	text-overflow:ellipsis;
	overflow:hidden;
}
.x-ui-form .form-label i{
	line-height:17px;
	font-size:14px;
	color:#ef392b;
}
.x-ui-form .input-text{
	position: relative;
	height:38px;
	left:-1px;
    padding: 0 5px;
}
.x-ui-form .input-text,
.x-ui-form .textarea{
	display:block;
	box-sizing:border-box;
    vertical-align: top;
	width:100%;
	color:#333;
    font-size: 14px;
    line-height:36px;
    border: 1px solid #DFDFDF;
    vertical-align: top;
}
.x-ui-form .textarea{
	height:150px;
	padding:5px;
	line-height:1.7;
}
/*表单提示文字*/
.x-ui-form .form-tips{
	display:block;
	font-size: 12px;
    color:#b4b4b4;
    margin-top:10px;
}
/*checkbox*/
.x-ui-form .form-checkbox{
	position:relative;
	display:inline-block;
	height:38px;
	line-height:38px;
	cursor:pointer;
}
.form-checkbox input[type=checkbox]{
	display:none;
}
.form-checkbox .form-label{
	float:left;
	cursor:pointer;
}
/*图标公共样式*/
.form-checkbox .checkbox-ico{
	position:relative;
	left:-1px;
	display:inline-block;
	width:36px;
	height:36px;
	border: 1px solid #DFDFDF;
	float:right;
	vertical-align: top;
}
/*选中*/
.form-checkbox.checked label{
	background:#45B6F7;
}
.form-checkbox.checked .checkbox-ico,
.form-checkbox.checked label{
	border:1px solid #45B6F7;
	color:#fff;
}
/*图标公共*/
.form-checkbox .checkbox-ico,
.form-checkbox.checked label{
	text-align:center;
}
.form-checkbox .checkbox-ico:before{
	font-size:22px;
	line-height:36px;
	color:#DFDFDF;
}
/*选中*/
.form-checkbox.checked .checkbox-ico:before{
	color:#45B6F7;
	content:"\e608";
}
/*禁用鼠标移入样式*/
.form-checkbox.disabled:hover{
	cursor:default;
}
/*禁用*/
.form-checkbox.disabled .checkbox-ico:before{
	content:"\e609";
}
/*下拉选择*/
.form-select{
	display:inline-block;
	vertical-align: top;
	font-size:14px;
	line-height:36px;
	height:36px;
	border:1px solid #DFDFDF;
	position:relative;
}
/*显示的value*/
.form-select .select-view{
	display:block;
	height:100%;
	padding:0 50px 0 15px;
	cursor:pointer;
	position:relative;
}
/*font-ico*/
.select-view .ico{
	position:absolute;
	top:0;
	right:10px;
}
.select-view .ico:before{
	content: "\e603";
	color:#DFDFDF;
}
.form-select .select-list{
	width:100%;
	position:relative;
	left:-1px;
	border:1px solid #DFDFDF;
	z-index:10;
	display:none;
	background:#fff;
	max-height:182px;
	overflow:auto;
}
.form-select .select-list li{
	padding:0 10px;
	line-height:36px;
	white-space:nowrap;
	cursor:pointer;
}
/*select-hover*/
.form-select .select-list li:hover{
	background:#f6f6f6;
}
/*隐藏*/
.form-select select{
	display:none;
}
/*Disabled select*/
.form-select .disabled{
	background:#ebebe4;
	cursor:default;
}
/*选择框和下拉框margin*/
.x-ui-form .form-checkbox,
.form-select{
	margin:0 15px 15px 0;
}
/*面包屑导航*/
.breadcrumb-nav{
	display:block;
	font-size:0;
	background:#f6f6f6;
	padding:5px 10px;
	height:25px;
	line-height:25px;
	border-radius:4px;
	overflow:hidden;
}
.breadcrumb-nav>li{
	display:inline-block;
	font-size:14px;
	color:#999;
}
.breadcrumb-nav>li+li:before{
	content:">";
	box-sizing:border-box;
	padding:0 4px 0 5px;
}
.breadcrumb-nav>li a{
	color:#53aa53;
}
.breadcrumb-nav li a:hover{
	color:#5eb95e;
}
/*表格*/
.table{
	width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-border td,
.table-border th{
	border-bottom:1px solid #ddd;
}
.table-bordered{
	border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    border-bottom:0;
}
.table-bordered td,
.table-bordered th{
	border-left:1px solid #ddd;
}
.table th, .table td {
    padding: 8px;
    line-height: 20px;
    font-size:12px;
    color:#333;
}
.table-h tr:hover{
	background:#f6f6f6;
	cursor:pointer;
}
.table-bg thead th{
	background:#f6f6f6;
}
.table a:hover{
	color:#FF5E52;
}
/*浮动*/
.f-l{
	float:left;
}
.f-r{
	float:right;
}
/*清除浮动*/
.cl{
	zoom:1;
}
.cl:after{
	display:block;
	content:"";
	clear:both;
}
.pd-5{
	padding:5px;
}
.pd-10{
	padding:10px;
}
.pd-20{
	padding:20px;
}
.pd-40{
	padding:40px;
}
.mt-20{
	margin-top:20px;
}
.mt-40{
	margin-top:40px;
}
/*边框和圆角*/
.bk-d{
	border:solid 1px #ddd;
}
.radius{
	border-radius:4px;
	overflow:hidden;
}
.radius-m{
	border-radius:2px;
	overflow:hidden;
}
/*圆圈*/
.circular{
	border-radius:50%;
	overflow:hidden;
}
.radius,
.radius-m,
.circular{
	overflow:hidden;
}
/*字体排版*/
.text-c{
	text-align:center;
}
/*边框*/
.border{
	border:1px solid #DFDFDF;
	box-sizing:border-box;
}

/*按钮*/
.btn{
	display: inline-block;
    margin-bottom: 0;
    padding:6px 17px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    box-sizing:border-box;
    outline: 0;
    -webkit-transition: background-color .3s ease-out,border-color .3s ease-out;
    transition: background-color .3s ease-out,border-color .3s ease-out;
}
/*提交按钮*/
.btn-submit{
	color: #fff;
    background-color: #5eb95e;
    border-color: #5eb95e;
}
.btn-submit:hover{
	background-color: #4aaa4a;
}
.btn-submit:active{
	background-color: #3f913f;
}
/*默认*/
.btn-default{
	background:#e6e6e6;
	color:#444;
}
.btn-default:hover{
	background:#d4d4d4;
}
/*蓝色*/
.btn-primary{
	background:#19a7f0;
	color:#fff;
}
.btn-primary:hover{
	background:#0c79b1;
}
/*导航*/
.x-nav{
	display:block;
	width:100%;
}
/*下边框*/
.x-nav-border{
	border-bottom:1px solid #323a4d;
}
.x-nav>li{
	display:block;
	position:relative;
}
.x-nav>li>a{
	display:block;
	font-size:14px;
	padding:6px 8px;
}
/*hover*/
.x-nav>li>a:hover{
	background:#eee;
}
/*当前*/
.x-nav>.cur a,
.x-nav>.cur a:hover{
	color:#fff;
	background:#323a4d;
	cursor:default;
}
/*横向布局*/
/*清除浮动*/
.x-nav-fl{
    display: table;
    content: " ";
}
.x-nav-fl>li{
	float:left;
}
.x-nav-fl>li+li{
    margin-left: 5px;
    margin-top: 0;
}
